<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>@yield("title")</title>
    <meta name="csrf-token" content="{{ $csrf }}" />
    <link rel="icon" href="/favicon.ico" type="image/ico">
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/global.css">
    @section('css')
    @show
</head>

<body>
<div class="fly-header layui-bg-white">
    <div class="layui-container">
        <a class="fly-logo" href="/">
            <img src="/images/logo.png" alt="layui">
        </a>
        <ul class="layui-nav fly-nav layui-bg-white" id="nav">
            <li class="layui-nav-item layui-this">
                <a href="/">知识</a>
            </li>
            <li class="layui-nav-item">
                <a href="//jiankangshu.net">
                    </i>官网</a>
            </li>
            <li class="layui-nav-item">
                <a href="./notice/index.html">公告</a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">下载</a>
            </li>
            <li class="layui-nav-item">
                <a href="./recruit/index.html">招聘</a>
            </li>
        </ul>
        <div id="input-search" class="input-search layui-col-xs4 layui-col-sm5 layui-col-md6">
            <input id="input-search" class="layui-col-xs11 layui-col-sm11 layui-col-md11"  type="text"/>
            <span class="search-icon layui-col-xs1 layui-col-sm1 layui-col-md1"><i class="layui-icon">&#xe615;</i></span>
        </div>
        <ul class="layui-nav fly-nav-user">
            <div class="layui-nav-item layui-hide-xs">
                <span id="search-btn" class="fly-search"><i class="layui-icon" style="color: #000000;"></i></span>
            </div>
            <li class="layui-nav-item">
                <a id="login-btn" class="border_btn" href="javascript:;">登录</a>
            </li>
            <li class="layui-nav-item">
                <a class="bg_btn" style="color: #FFFFFF!important;" href="javascript:;">写文章</a>
            </li>
        </ul>
    </div>
</div>
<div style="width: 100%;height: 20px;"></div>
<div class="layui-container">
    <div class="layui-row layui-col-space15">
        @yield('content')


    </div>
</div>
<div class="fly-footer">
    <p><a href="http://fly.layui.com/" target="_blank">Fly社区</a> 2017 &copy; <a href="http://www.layui.com/" target="_blank">layui.com 出品</a></p>
    <p>
        <a href="http://fly.layui.com/jie/3147/" target="_blank">付费计划</a>
        <a href="http://www.layui.com/template/fly/" target="_blank">获取Fly社区模版</a>
        <a href="http://fly.layui.com/jie/2461/" target="_blank">微信公众号</a>
    </p>
</div>
<script src="/layui/layui.js"></script>
<script>
    layui.use(['element', 'carousel', 'layer', 'jquery'], function() {
        var element = layui.element;
        var carousel = layui.carousel;
        var layer = layui.layer;
        var $ = layui.jquery;
        //建造实例
        carousel.render({
            elem: '#carousel',
            width: '100%',
            arrow: 'none',
            indicator: 'none',
            autoplay: true
        });
        var maskLogin = null;
        $('#login-btn').on('click', function() {
            maskLogin = layer.open({
                type: 1,
                content: $('#login'),
                area: ['580px', '500px'],
                title: false,
                closeBtn: 0
            });
        })
        $('#closelogin').on('click', function() {
            layer.close(maskLogin)
        })
        $('#search-btn').on('click', function() {
            $('#nav').hide();
            $('#input-search').show()
        })
    });
</script>

<div class="login-box" style="display: none;" id="login">
    <div class="login-left">
        <div class="qrcode-info">
            <img src="/images/avatar/0.png" class="qrcode"/>
            <div class="txt">扫码下载APP</div>
        </div>
    </div>
    <div class="login-right">
        <div class="back-box">
            <div class="back" id="closelogin">X</div>
        </div>
        <div class="login-inner">
            <div class="login-title">登录</div>
            <div class="input-box">
                <div class="input-icon" style="background: url(/images/index/code_icon.png) no-repeat center center / 20px;"></div>
                <input type="text" placeholder="请输入手机号" />
            </div>
            <div class="input-code-box">
                <div class="input-icon" style="background: url(/images/index/code_icon.png) no-repeat center center / 20px;"></div>
                <input type="text" placeholder="请输入验证码" />
                <div class="input-code">获取验证码</div>
            </div>
            <div class="submit">立即登录</div>
        </div>
    </div>
</div>


@section('js')
@show
</body>


</html>